<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="../JS/vue.js"></script>
</head>
<body>
  


    <img src="../img/defineProperty.png" alt="">

    

</body>

<script type="text/javascript">
    let num = 18;
    let person = {
        name:'张三',
        sex:'男'
    }

    Object.defineProperty(person,'age',{
        // value:18,
        // enumerable:true,  // 控制属性是否可枚举（遍历出来），默认值是false
        // writable:true,  // 控制属性是否可被修改，默认值是法拉瑟
        // configurable:true,  // 控制属性是否可被删除，默认值是false

        get(){
            console.log('读取age属性');
            return num;
        },
        set(value){
            console.log('有人修改age属性');
            num = value;
            return num;
        }
    })
    
</script>
</html>